<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>{% block title %}{% endblock %}</title>
    <meta name="description" content="{% block description %}{% endblock %}">
    <meta name="keywords" content="{% block keywords %}{% endblock %}">
    <link rel="stylesheet" type="text/css" href="{{ 'css/style.css'|tl_static }}"/>
    <script src="{{ 'js/jquery.js'|tl_static }}" type="text/javascript"></script>
    <script src="{{ 'js/commen.js'|tl_static }}" type="text/javascript"></script>
    {% block head %}{% endblock %}
</head>
<body>
<header id="header">
    <div class="header container">
        <div class="logo">
            <a href="{{ url_for('webapp_bp.index_page') }}" title="{{ public.system.web_name }}">
                <img src="{{ public.system.web_logo }}" alt="{{ public.system.web_name }}"></a>
        </div>
        <div id="monavber" class="nav" data-type="index">
            <ul class="navbar">
                <li id="nvabar-item-index" class="active"><a href="{{ url_for('webapp_bp.index_page') }}">网站首页</a></li>
                {% for foo in public.column %}
                    {% if foo.column_link %}
                        <li id="navbar-category-1" class="submenu li-cate-1"><a href="{{ foo.column_link }}">{{ foo.column_name }}</a>
                            {% else %}
                            {% if foo.dataList|length %}
                                <li id="navbar-category-1" class="submenu li-cate-1"><a href="javascript:;">{{ foo.column_name }}</a>
                                    {% else %}
                                <li id="navbar-category-1" class="submenu li-cate-1"><a href="{{ url_for('webapp_bp.list_article_page',cid=foo.column_ID) }}">{{ foo.column_name }}</a>
                            {% endif %}
                            {% if foo.dataList|length %}
                                <ul class="sub-menu">
                                    {% for fo in foo.dataList %}
                                        {% if fo.column_link %}
                                            <li id="navbar-category-2" class="li-subcate-2"><a href="{{ fo.column_link }}">{{ fo.column_name }}</a></li>
                                        {% else %}
                                            <li id="navbar-category-2" class="li-subcate-2"><a href="{{ url_for('webapp_bp.list_article_page',cid=fo.column_ID) }}">{{ fo.column_name }}</a></li>
                                        {% endif %}
                                    {% endfor %}
                                </ul>
                            {% endif %}

                            </li>
                    {% endif %}
                {% endfor %}
            </ul>
        </div>
        <div class="mnav"><i class="fa fa-bars"></i></div>
    </div>
</header>
{% block content %}{% endblock %}
{% block links %}{% endblock %}
<div id="footer">
    <div class="footer container">
        <div class="fr">
            <a href="{{ url_for('webapp_bp.sitemap') }}">XML网站地图</a>
            {% if public.system.web_contact_qq %}<a href="javascript:;">站长QQ： {{ public.system.web_contact_qq }}</a>{% endif %}
        {% if public.system.web_contact_email %}<a href="javascript:;">站长邮箱： {{ public.system.web_contact_email }}</a>{% endif %}
        {{ public.system.web_stat|safe }}
        </div>
        <div class="fl">
            <p>{{ public.system.web_info_copyright }}
            ICP备案：<a href="http://www.beian.miit.gov.cn/" target="_blank">{{ public.system.web_record }}</a>
            </p>
        </div>
    </div>
</div>
<div class="m_search"><i class="fa fa-search"></i></div>
<div class="m_search_box">
    <span><i class="fa fa-remove"></i></span>
    <form name="search" method="get" action="{{ url_for('webapp_bp.search') }}">
        <input type="text" name="keywords" placeholder="输入关键词">
        <button type="submit" class="submit" value="搜索"><i class="fa fa-search"></i></button>
    </form>
</div>
<div id="goTop" class="goTop" style="display: block;"><i class="fa fa-angle-up"></i></div>
{% block footer %}{% endblock %}
</body>
</html>
